@CHARSET "ISO-8859-1";


#accordion{
    width: 500px;
    height: 250px;
    
}

#accordion h1{
    height: 12px !important;
    background-color: blue;

    
}

.DialMainContainer{
    width: 500px;
    border-style: solid;
    border-color: rgb(164, 190, 212);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-width: 1px 1px 1px 1px;
    background-color: rgb(255, 255, 255);
}

.DialTitre{
	 background: -moz-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9f6fd), color-stop(100%,#d3eefb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9f6fd 0%,#d3eefb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9f6fd 0%,#d3eefb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9f6fd 0%,#d3eefb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e9f6fd 0%,#d3eefb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fd', endColorstr='#d3eefb',GradientType=0 ); /* IE6-8 */
    font-weight: bold;
    font-size: 14px;
    padding: 5px 0px 5px 10px;
    color: rgb(0, 0, 0);
	border-bottom: 1px solid black;
	height: 20px;

}

.tata{
	 /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9f6fd), color-stop(100%,#d3eefb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9f6fd 0%,#d3eefb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9f6fd 0%,#d3eefb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9f6fd 0%,#d3eefb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e9f6fd 0%,#d3eefb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fd', endColorstr='#d3eefb',GradientType=0 ); /* IE6-8 */
    font-size: 14px;
    padding: 5px 0px 5px 10px;
    color: rgb(0, 0, 0);
	border-bottom: 1px solid black;
	height: 20px;
}

.InputContainer{
	width: 450px;
}

/************************************* FORMULAIRE *******************************************/

   .form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
        font-weight: bold;
    }
    .form-line{
        padding-top:12px;
        padding-bottom:12px;
    }
    .form-label-right{
        width:150px !important;
    }
    .form-all{
  
        background:url("images/styles/style1_bg.gif") repeat-x scroll center top rgb(255, 255, 255);
        color:rgb(255, 82, 0) !important;
        font-family:'Trebuchet MS';
        font-size:16px;
    }
    .form-radio-item label, .form-grading-label, .form-header{
        color:rgb(255, 82, 0);
    }
    .form-checkbox-item{

        width: 80px !important;
        font-size:small;
        margin: 0px;
        padding: 0px;
        color: #000000 !important;
        
    }
    
    .form-checkbox-item:last-child{

       margin-right: 15px;
    }
    
    .reapeatEventDivDays{
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 15px;
        width: auto;
        height: 50px;

    }
    
    .nbWeeks{
        width: 20px !important;
    }
    
    .reapeatEventText{
        margin-left: 10px;
        margin-top: 10px;
        text-align: left;
        
    }
    
    .reapeatDiv{
        width: 280px;
		height: 100px;
        display: inline-block;
		border-right: solid black 1px;
    }
    

    
    .reccurenceDiv{
		position: absolute;
        text-align: left;
        width: auto;
		height: auto;
        display: inline-block;
        padding-left: 15px;
    }
    

    
    .HorizontalDiv{
        float: left;
        width: 500px;
        height: 100px;
    }
    
	#frequence{
		height: 100px;
	}
	
	#description{
		height: 250px;
	}
	
    #timePeriode{
        height: 170px;
    }
